<template>
  <el-main>
    <el-main class="ep-body">
      <epl-top-bar-double
        codetype="AAC058,AAB301"
        companyType="COMPANY_FROM_RB01"
        personType="PERSON_SOURCE_CONTINUE"
        :datas="{formData: form,tableData:tableData,panel: panel}"
      ></epl-top-bar-double>
      <epl-InsuredInfo isCodeType :panel="panel"></epl-InsuredInfo>
      <el-collapse v-model="activeNames">
        <el-form :model="form" :rules="rules" ref="form">
          <el-collapse-item title="请输入参保信息" name="1">
            <el-card class="ep-card">
              <el-row :gutter="10">
                <ep-input colspan="8" label="社会保障号" name="aac002" :property="form.aac002" p="R,D"></ep-input>
                <ep-date
                  colspan="8"
                  label="参加工作日期"
                  name="aac007"
                  :property="form.aac007"
                  placeholder="请选择参加工作日期"
                  p="R"
                  format="yyyy-MM-dd"
                  value-format="yyyyMMdd"
                ></ep-date>
                <ep-date
                  colspan="8"
                  label="本次参保日期"
                  name="aae035"
                  :property="form.aae035"
                  placeholder="请选择本次参保日期"
                  p="R"
                  format="yyyy-MM-dd"
                  value-format="yyyyMMdd"
                  isCodeType
                  isChange
                ></ep-date>
              </el-row>
              <el-row :gutter="10">
                <ep-select
                  colspan="8"
                  label="参保身份"
                  name="aac066"
                  :property="form.aac066"
                  placeholder="请选择参保身份"
                  p="R"
                  codetype="AAC066"
                  :datas="{formData: form,tableData:tableData,panel: panel}"
                  isCodeType
                  isChange
                ></ep-select>
                <ep-select
                  colspan="8"
                  label="参保子身份"
                  name="bac066"
                  :property="form.bac066"
                  placeholder="请选择参保子身份"
                  p="R"
                  codetype="BAC066"
                  :datas="{formData: form,tableData:tableData,panel: panel}"
                  isCodeType
                  isChange
                ></ep-select>
                <ep-input
                  colspan="8"
                  label="申报工资"
                  name="aac040"
                  :property="form.aac040"
                  placeholder="请输入申报工资"
                  p="R"
                  :datas="{formData: form,tableData:tableData,panel: panel}"
                  isCodeType
                  isChange
                  rules="this.$rules.numx"
                ></ep-input>
              </el-row>
              <el-row :gutter="10">
                <ep-select
                  colspan="8"
                  label="变动类型"
                  name="aac050"
                  :property="form.aac050"
                  p="R,D"
                  codetype="AAC050"
                ></ep-select>
                <ep-select
                  colspan="8"
                  label="变动原因"
                  name="aae160"
                  :property="form.aae160"
                  p="R,D"
                  codetype="AAE160"
                  SelectFilterData=" aaa102 >'6100' and aaa102<='6299'"
                ></ep-select>
                <ep-select
                  colspan="8"
                  label="用工形式"
                  name="aac013"
                  :property="form.aac013"
                  placeholder="请选择用工形式"
                  p="E"
                  codetype="AAC013"
                ></ep-select>
              </el-row>
              <el-row :gutter="10">
                <ep-select
                  colspan="8"
                  label="转移账户类别"
                  name="aae473"
                  :property="form.aae473"
                  placeholder="请选择转移账户类别"
                  p="E"
                  codetype="AAE473"
                ></ep-select>
                <ep-input colspan="16" label="备注" name="aae013" :property="form.aae013" p="E"></ep-input>
              </el-row>
              <el-row :gutter="10">
                <ep-input colspan="8" label="参保身份列表" name="aac066s" :property="form.aac066s" p="H"></ep-input>
                <ep-input colspan="8" label="参保子身份列表" name="bac066s" :property="form.bac066s" p="H"></ep-input>
                <ep-input colspan="8" label="生存状态" name="aac060" :property="form.aac060" p="H"></ep-input>
              </el-row>
            </el-card>
          </el-collapse-item>
          <el-collapse-item title="请输入联系信息" name="2">
            <el-card class="ep-card">
              <el-row :gutter="10">
                <ep-input
                  colspan="8"
                  label="固定电话"
                  name="aae005"
                  :property="form.aae005"
                  placeholder="请输入固定电话"
                  p="E"
                  rules="this.$rules.telephone"
                ></ep-input>
                <ep-input
                  colspan="8"
                  label="手机号码"
                  name="aac067"
                  :property="form.aac067"
                  placeholder="请输入手机号码"
                  p="E"
                  rules="this.$rules.mobile"
                ></ep-input>
                <ep-input
                  colspan="8"
                  label="联系地址邮编"
                  name="aae007"
                  :property="form.aae007"
                  placeholder="请输入联系地址邮编"
                  p="E"
                  rules="this.$rules.postcode"
                ></ep-input>
              </el-row>
              <el-row :gutter="10">
                <ep-select
                  colspan="8"
                  label="通讯地址"
                  name="bae011"
                  :property="form.bae011"
                  placeholder="请选择省"
                  codetype="BAE007"
                  p="E"
                  :datas="{formData:form}"
                  isChange
                  isCodeType
                ></ep-select>
                <ep-select
                  colspan="4"
                  label
                  label-width="0"
                  name="bae012"
                  :property="form.bae012"
                  placeholder="请选择市"
                  codetype="BAE008"
                  p="E"
                  :datas="{formData: form}"
                  isChange
                  isCodeType
                  SelectFilterData=" aaa102 like substr(':bae011',0,2)||'%' and aaa102 like '%00' "
                ></ep-select>
                <ep-select
                  colspan="4"
                  label
                  label-width="0"
                  name="bae013"
                  :property="form.bae013"
                  placeholder="请选择区县"
                  codetype="BAE009"
                  p="E"
                  :datas="{formData: form}"
                  SelectFilterData=" aaa102 like substr(':bae012',0,4)||'%'"
                ></ep-select>
                <ep-input
                  colspan="8"
                  label
                  label-width="0"
                  name="aae006"
                  :property="form.aae006"
                  placeholder="请输入详细地址"
                  p="E"
                  :datas="{formData:form}"
                ></ep-input>
              </el-row>
            </el-card>
          </el-collapse-item>
        </el-form>
        <el-card class="ep-card">
          <ep-table :data="tableData" style="width: 100%;">
            <ep-table-column
              editor="select"
              name="aae140"
              header="险种类型"
              width="300"
              codetype="AAE140"
            ></ep-table-column>
            <ep-table-column editor="number" name="aae180" header="缴费基数" width="300"></ep-table-column>
            <ep-table-column editor="select" name="aaz289" header="征缴档次" codetype="AAZ289"></ep-table-column>
            <ep-table-column
              editor="date"
              name="aae030"
              header="本次参保日期"
              width="300"
              format="yyyy-MM-dd"
              value-format="yyyyMMdd"
            ></ep-table-column>
          </ep-table>
          <el-row type="flex" justify="center">
            <ep-saveButton
              id="doSave"
              top="20"
              type="primary"
              bottom="20"
              ref="save"
              :validate="['form']"
              @formValidate="formValidate"
              :datas="{formData: form,tableData:tableData,panel: panel}"
              name="保存"
            ></ep-saveButton>
          </el-row>
        </el-card>
      </el-collapse>
    </el-main>
  </el-main>
</template>

<script src="../js/PsInsureRegJS.js"></script>